<script type="text/javascript">

/*
 * The component API provides a command called show-component-table-grid that opens a data grid to
 * a specific table. 
 * 
 */

    $(document).ready(function() {

       $('#main').load("/component-plugin/show-component-table-grid/name/<component_name>/table/<table_label>",
       {
           table_element_name:'configTable',
           col_names: $.toJSON(['Id','col2','col3','col4']),
           col_model: $.toJSON([ {name:'id',index:'id', width:55},
               {name:'col1',index:'col1',width:150,editable:true},
               {name:'col2',index:'col2', width:400,editable:true},
               {name: 'col3',index:'col3',width:250}               ]),
           row_num: 5,
           row_list: '[ 5, 10, 15, 20, 25 ]',
           jq_grid_theme: '<?=$this->getJqGridTheme()?>',
           sort_name: 'id',
           sort_order: 'asc',
           title: 'Config Table',
           primary_key: 'id'
       });

    });
</script>
<div id="main">
</div>
